<!-- 行为 -->
 <!-- lang="ts" :支持ts语法  setup：是 Vue3 的组合式 API 写法 -->
 <script lang="ts" setup>
 import HmButton from './components/HmButton.vue';
import HmTest from './components/HmTest.vue';
 console.log('根组件被加载了')
 
 </script>
 
 <!-- 结构 -->
  <template>
   <h1 class="title">Hello World</h1>
   <!-- 使用组件 -->
   <HmTest></HmTest>
   <HmTest/>

   <hm-test></hm-test>
   <hm-test/>
   
   <HmButton></HmButton>
  </template>
 
  <!-- 样式 -->
   <!-- scoped:样式 只对当前组件有效 避免样式冲突-->
   <style scoped>
   .title{
     color: red;
   }
 </style>